<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="./css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/login.css"/>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav" style="height: 64px; background:#5D54FB;padding-top:20px;">
			<h1 id="title" class="mui-title" style="color: #FFFFFF">登录</h1>
		</header>
		<div>
		<div class="mui-input-row">
			<input type="text" placeholder="请输入手机号码">
		</div>
		<div class="mui-input-row mui-password">
			<input type="password" class="mui-input-password" placeholder="请输入登录密码">
		</div>
		<div class="mui-input-row mui-checkbox mui-left" style="display: inline-block" >
						<label>记住密码  </label>
						<input name="checkbox" value="Item 1" type="checkbox" >
					</div>
		<a href="" style="float: right;">忘记密码</a>
		<div  class="loginButton" link = './index'>登录</div>
		<div class="bar">
			<p></p>
			<span style="margin: 0 2%;">第三方登录</span>
			<p></p>
		</div>
		<!--<div class="mui-content">
			<div class="mui-card">
				<form class="mui-input-group">
					
					 
				</form>
			</div>
		</div>-->
		<script src="./js/mui.min.js"></script>
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.init()
			mui('.mui-input-group').on('change', 'input', function() {
			var value = this.checked?"true":"false";
//			this.previousElementSibling.innerText = "checked："+value;
		});
		  mui.plusReady(function() {
		 
			cmd.initTap("loginButton");
			cmd.initTapAndData('linkPage');
			 
		});
		
		</script>
	</body>

</html>